Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / settings / sections / StickersSettingsSection.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72SettingsSectionBlock

Te6edf3v-showTff7b72=Ta5d6ff"Te6edf3visibleTa5d6ff"

Te6edf3eyebrowTff7b72=Ta5d6ff"Messages"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'stickers.settings_title'Tb4b4b4)Ta5d6ff"

Tb4b4b4:Te6edf3descriptionTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'stickers.settings_description'Tb4b4b4)Ta5d6ff"

Te6edf3body-classTff7b72=Ta5d6ff"space-y-4"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-sm text-gray-600 dark:text-gray-400"Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"stickers.count"Tb4b4b4, Tb4b4b4{ Te6edf3countTff7b72: Te6edf3stickerCount Tb4b4b4}Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2 text-sm text-gray-800 dark:text-gray-200 cursor-pointer"Tb4b4b4>

Tb4b4b4<Tff7b72input

Tb4b4b4:Te6edf3checkedTff7b72=Ta5d6ff"Te6edf3replaceDuplicatesTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"checkbox"

Te6edf3classTff7b72=Ta5d6ff"rounded-sm"

Tb4b4b4@Te6edf3changeTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:replaceDuplicates'Tb4b4b4, Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3checkedTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"stickers.replace_duplicates"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"grid grid-cols-1 sm:grid-cols-2 gap-3"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"flex flex-col items-center justify-center gap-2 p-4 rounded-2xl border border-amber-200 dark:border-zinc-800 bg-white/50 dark:bg-zinc-800/50 hover:border-amber-500 transition group"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'export'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"export" Te6edf3classTff7b72=Ta5d6ff"size-6 text-amber-500 group-hover:scale-110 transition" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-sm font-bold"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"stickers.export"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"flex flex-col items-center justify-center gap-2 p-4 rounded-2xl border border-teal-200 dark:border-zinc-800 bg-white/50 dark:bg-zinc-800/50 hover:border-teal-500 transition group"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3triggerImportTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"import" Te6edf3classTff7b72=Ta5d6ff"size-6 text-teal-500 group-hover:scale-110 transition" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-sm font-bold"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"stickers.import"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72input

Te6edf3refTff7b72=Ta5d6ff"importFile"

Te6edf3typeTff7b72=Ta5d6ff"file"

Te6edf3acceptTff7b72=Ta5d6ff".json,application/json"

Te6edf3classTff7b72=Ta5d6ff"hidden"

Tb4b4b4@Te6edf3changeTff7b72=Ta5d6ff"Te6edf3onImportChangeTa5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"border-t border-gray-200 dark:border-zinc-700 pt-4"Tb4b4b4>

Tb4b4b4<Tff7b72h3 Te6edf3classTff7b72=Ta5d6ff"text-sm font-semibold mb-2 text-gray-800 dark:text-zinc-100"Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"sticker_packs.section_title"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72h3Tb4b4b4>

Tb4b4b4<Tff7b72p Te6edf3classTff7b72=Ta5d6ff"text-xs text-gray-500 dark:text-zinc-400 mb-3"Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"sticker_packs.section_description"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tff7b72StickerPacksManager Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72SettingsSectionBlockTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../../MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72import Te6edf3StickerPacksManager Tff7b72from Ta5d6ff"../../stickers/StickerPacksManager.vue"Tb4b4b4;

Tff7b72import Te6edf3SettingsSectionBlock Tff7b72from Ta5d6ff"../SettingsSectionBlock.vue"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"StickersSettingsSection"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{

Te6edf3MaterialDesignIconTb4b4b4,

Te6edf3StickerPacksManagerTb4b4b4,

Te6edf3SettingsSectionBlockTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3visibleTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3stickerCountTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657NumberTb4b4b4,

Tff7b72defaultTff7b72: T79c0ff0Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3replaceDuplicatesTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72falseTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"export"Tb4b4b4, Ta5d6ff"import"Tb4b4b4, Ta5d6ff"update:replaceDuplicates"Tb4b4b4]Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3triggerImportTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$refsTb4b4b4.Te6edf3importFileTff7b72?Tb4b4b4.Te6edf3clickTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3onImportChangeTb4b4b4(Te6edf3eventTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"import"Tb4b4b4, Te6edf3eventTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>